<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>HENGWANG</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/style.css">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> </head>

<body>
<!--    <div class="container">-->
        <nav>
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <div class="zi"> <img src="./images/1.png" alt=""> </div>
                    </div>
                    <div class="col-md-8">
                        <nav class="navbar navbar-expand-lg navbar-light"> <a class="navbar-brand" href="#">首页</a>
                            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
                            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                                <div class="navbar-nav"> <a class="nav-item nav-link" href="#">解决方案 <span class="sr-only"></span></a> <a class="nav-item nav-link" href="#">客户案例</a> <a class="nav-item nav-link" href="#">服务中心</a> <a class="nav-item nav-link" href="#">新闻动态</a> <a class="nav-item nav-link" href="#">关于我们</a> <a class="nav-item nav-link" href="#">招贤纳士</a> </div>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </nav>
        <header>
            <!--            <div class="container">-->
            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active"> <img src="./images/0.png" class="d-block w-100" alt="..."> </div>
                    <div class="carousel-item"> <img src="./images/0.png" class="d-block w-100" alt="..."> </div>
                    <div class="carousel-item"> <img src="./images/0.png" class="d-block w-100" alt="..."> </div>
                </div>
                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a>
                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="zizi">
                            <h3><a href=""></a>解决方案</h>
        </div>
        <div class="fou">
          <a href="">Solutions</a> 
        </div>
    </div>
<div class="col-md-3">
         <div class="card">
  <img src="./images/1_03.png" class="card-img-top" alt="...">
  <div class="card-body">
    <h5 class="card-title  text-center">网站、移动网站</h5>
    <p class="card-text  text-center">微信公众号开发移动网站微信公众号开发</p>
  </div>
    </div>
</div>
<div class="col-md-3">
         <div class="card">
  <img src="./images/./2_05.png" class="card-img-top" alt="...">
  <div class="card-body">
    <h5 class="card-title  text-center">网站、移动网站</h5>
    <p class="card-text  text-center">移动网站微信公众号开发移动网站微信公众号开发解决方案</p>
  </div>
    </div>
</div>
<div class="col-md-3">
         <div class="card">
  <img src="./images/3_05.png" class="card-img-top" alt="...">
  <div class="card-body">
    <h5 class="card-title  text-center">网站、移动网站</h5>
    <p class="card-text  text-center">移动网站微信公众号开发移动网站微信公众号开发</p>
  </div>
    </div>
</div>
<div class="col-md-3">
         <div class="card" >
  <img src="./images/4_07.png" class="card-img-top" alt="...">
  <div class="card-body">
    <h5 class="card-title text-center">网站、移动网站</h5>
    <p class="card-text  text-center">网站、移动网站微信公众号开发移动网站微信公众号开发解决方案</p>
  </div>
    </div>
</div>
    </div>
</div>
<!--    </div>-->
</header>
<main>
<!--    <div class="container">-->
        <div class="row">
      <div class="col-md-12">
        <div class="zizi">
        <h3><a href=""></a>客户案例</h>
        </div>
        <div class="fou">
          <a href="">Customer Case</a> 
        </div>
    </div>
       <div class="col-md-3">
           <div class="ss">
               <img src="./images/5_02.png" alt="">
           </div>
       </div>
       <div class="col-md-3">
          <div class="ss">
              <img src="./images/6_03.png" alt="">
          </div>
           
       </div>
       <div class="col-md-3">
          <div class="ss"> <img src="./images/7_04.png" alt=""></div>
       </div>
       <div class="col-md-3">
           <div class="ss"><img src="./images/8_05.png" alt=""></div>
       </div>
       <div class="col-md-3">
           <div class="ss"><img src="./images/9_06.png" alt=""></div>
       </div>
       <div class="col-md-3">
           <div class="ss"><img src="./images/10_07.png" alt=""></div>
       </div>
       <div class="col-md-3">
           <div class="ss"><img src="./images/11_07.png" alt=""></div>
       </div>
       <div class="col-md-3">
           <div class="ss"><img src="./images/12_07.png" alt=""></div>
       </div>
       <div class="col-md-12">
           <div class="si">
               <ul>
                   <li class="www"><a href="">全方位解决方案，为您轻松解决不同问题</a></li>
                   <li class="aaa"> <a href="">A full range of solutions for you to solve different problems</a></li>
               </ul>
            <button class="ff">查看更多《</button>  
           </div>
       </div>
        <div class="col-md-12">
        <div class="ziziz">
        <h3><a href=""></a>新闻动态</h>
        </div>
        <div class="fou">
          <a href="">Hengwang News</a> 
        </div>
    </div>
       <div class="col-md-6">
<div class="card mb-3" style="max-width: 540px;border: none;">
  <div class="row no-gutters">
    <div class="col-md-4">
      <img src="./images/16_07.png" class="card-img" alt="...">
    </div>
    <div class="col-md-8">
      <div class="card-body">
        <h5 class="card-title">关于召开年会的通知</h5>
        <p class="card-text">互联网，又称忘记网络或音译因特网、英特网，是网络与网络之间所串联成的庞大网络网络与网络之..</p>
        <p class="card-text"><a class="ddd">查看更多《</a></p>
      </div>
    </div>
  </div>
</div>
       </div>
       <div class="col-md-6">
           <div class="card mb-3" style="max-width: 540px;border: none;">
  <div class="row no-gutters">
    <div class="col-md-4">
      <img src="./images/17_03.png" class="card-img" alt="...">
    </div>
    <div class="col-md-8">
      <div class="card-body">
        <h5 class="card-title">关于召开年会的通知</h5>
        <p class="card-text">互联网，又称忘记网络或音译因特网、英特网，是网络与网络之间所串联成的庞大网络网络与网络之..</p>
        <p class="card-text"><a class="ddd">查看更多《</a></p>
      </div>
    </div>
  </div>
</div>
       </div>
        </div>
<!--    </div>-->
</main>
<div class="jojo">
    <div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="zizizi">
                <h3><a href=""></a>服务客服</h3>
            </div>
            <div class="fou">
                <a href="">Serve Customers</a>
            </div>
        </div>
        <div class="col-md-2">
            <img src="./images/21_03.png" alt="">
        </div>
                <div class="col-md-2">
            <img src="./images/22_03.png" alt="">
        </div>
                <div class="col-md-2">
            <img src="./images/23_03.png" alt="">
        </div>
                <div class="col-md-2">
            <img src="./images/24_03.png" alt="">
        </div>
                <div class="col-md-2">
            <img src="./images/25_03.png" alt="">
        </div>
                <div class="col-md-2">
            <img src="./images/22_03.png" alt="">
        </div>
    </div>
</div>
</div>
<!--
      <div class="ffff">
          <img src="./images/18._02.png" alt="" style="w100%">
      </div>
-->
<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="youaa">
                    <h3>联系我们</h3>
                            <ul>
                                <li><a href="">地址：武安市洪山区街道口鹏程国际B座2511</a></li>
                                <li><a href="">电话：18238765101</a></li>
                                <li><a href="">传真：(123)456-7890</a></li>
                                <li><a href="">邮箱:support@vectorlab.com
                027-82671661</a></li>
                            </ul>
                            <p>027-82671661</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="kua">
                            <h2>相关链接</h2>
                            <ul>
                                <li><a href="">解决方案</a></li>
                                <li><a href="">产品展示</a></li>
                                <li><a href="">客户案例</a></li>
                                <li><a href="">服务中心</a></li>
                                <li><a href="">关于我们</a></li>
                                <li><a href="">招贤纳士</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-6"></div>
                </div>
            </div>
            </footer>
<!--    </div>-->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>